import React from 'react';
import { Button } from 'antd';
import { useNavigate } from 'react-router-dom';

export default function NotFound() {
  const navigate = useNavigate();
  return (
    <div style={{
      minHeight: '60vh',
      display: 'flex',
      flexDirection: 'column',
      alignItems: 'center',
      justifyContent: 'center',
      background: '#f5f6fa'
    }}>
      <img src="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/logo.png" alt="404" style={{ width: 120, marginBottom: 24 }} />
      <h1 style={{ fontSize: 48, color: '#1890ff', marginBottom: 8 }}>404</h1>
      <div style={{ fontSize: 20, color: '#222d3a', marginBottom: 24 }}>页面未找到</div>
      <div>
        <Button type="primary" onClick={() => navigate('/')}>返回首页</Button>
        <Button style={{ marginLeft: 16 }} onClick={() => navigate(-1)}>返回上一页</Button>
      </div>
    </div>
  );
} 